<template>
	<view class="item-container" :style="{height:h}">
		<div>{{item["id"]}}</div>
		<div>{{`${item["start"].h}:${item["start"].m}`}}</div>
	</view>
</template>

<script>
	export default {
		name:"order-list-item",
		props:{
			item:{
				type:Object
			},
			h:{
				type:String,
				default:"40px"
			},
			id:{
				type:Number
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style >
.item-container{
	width: 100%;
	background-color: white;
	text-align: center;
	font-size: 20rpx;
	border-bottom:1px solid #dcdfe6;
	border-radius: 5rpx;
	box-sizing: border-box;
	
	
	
}
</style>